<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <h1>{{info}}</h1>
</div>
<!--引入vue.js框架文件-->
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<script>
    //创建Vue对象
  let v = new Vue({
      el:"body>div",   //设置Vue框架管理的范围
      data:{
          info:"Hello Vue!"
      }
  })
    setTimeout(function () {
        v.info = "值改变了!";
    },3000);


</script>
</body>
</html>